<div class="play">
    <div class="top">
        <svg class="icon" aria-hidden="true" (click)="goBack()">
            <use xlink:href="#icon-xiajiantou"></use>
        </svg>
        <p><span>若当来世</span><span>冥月/Mario</span></p>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-bofangqi-bofang"></use>
        </svg>
    </div>
    <div class="main">
        <img src="assets/pageImg/572650323.jpg" alt="">
    </div>
    <div class="y">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-shixin"></use>
        </svg>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-xiazai-wenjianxiazai-07"></use>
        </svg>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-bofangqi-bofang"></use>
        </svg>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-pinglun"></use>
        </svg>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-24gf-ellipsisVertical"></use>
        </svg>
    </div>
    <div class="time">
         <!-- 开始播放时间 -->
         <div class="current">00:00</div>
         <!-- 进度条 -->
         <div class='progress'> <div class='innerProgress'></div> </div>
         <!-- 总时间 -->
         <div class='duration'>00:00</div>
    </div>
    <audio src="assets/res/那英-默.mp3" id='audio'></audio>
    <div class="bottom">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-suijibofang"></use>
        </svg>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-zuobofang"></use>
        </svg>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-bofang1"></use>
        </svg>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-youbofang"></use>
        </svg>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-24gl-playlistMusic"></use>
        </svg>
    </div>
</div>
